import React, { Component } from 'react'
import RouterComp from './router'
import { NavLink } from "react-router-dom"
import styles from "./App.less"  

/**
 *   NavLink 组件是用于路由的激活
 */
export default class App extends Component {
  render() {
    return (
      <div>
        {/* 路由导航区域 */}
        <NavLink to="/home" activeClassName='nav_active' > 首页 </NavLink>
        <NavLink to="/user" activeClassName='nav_active' > 个人中心 </NavLink>

        {/* 路由展示区域 */}
        <RouterComp />
      </div>
    )
  }
}
